import React from 'react'
import styles from './index.module.css'
import {Checkbox} from "antd-mobile";
import cart1 from "../../../assets/cart1.jpg";
import Nav from '../../../components/nav'

const CheckboxItem = Checkbox.CheckboxItem;
const ListItem = () => {
    return (
        <div style={{
            display: 'flex',
            padding: '10px 0'
        }}>
            <CheckboxItem/>
            <img src={cart1} alt=""/>
            <div style={{
                padding: '2px 0 2px 10px',
                display: 'flex',
                flexDirection: 'column',
                justifyContent: 'space-around',
                // marginLeft:'10px'
            }}>
                <b>陶瓷盖碗套组龙泉青瓷</b>
                <span>淡青色</span>
                <div style={{
                    display: 'flex',
                    justifyContent: 'space-between',
                    alignItems: 'center'
                }}>
                    <b style={{marginRight: '10px'}}>¥50.00</b>
                </div>
            </div>
        </div>
    );
};


class Index extends React.Component {
    render() {
        return (
            <div className={styles.container}>
                <Nav title={"浏览记录"}/>
                <div className={styles.content}>
                    <ListItem/>
                    <ListItem/>
                </div>
            </div>
        );
    }
}

export default Index
